<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/indexa.css ">

    <style>

    </style>
</head>

<body>
    <header>
        <div>
            <span class="iconfont 
icon-shouji"></span> 搜索：目的地/酒店/景点/航班号
        </div>
        <a href="">
            <div></div>
            <p>我的</p>
        </a>
    </header>
    <!-- banner -->
    <div class="banner"><img src="./uploads/focus.jpg" alt=""></div>
    <!-- nav1 -->
    <div class="nav1">
        <a href=""> <span></span><span>景点·玩乐</span> </a>
        <a href=""> <span></span><span>美食林</span> </a>
        <a href=""> <span></span><span>一日游</span> </a>
        <a href=""> <span></span><span>周边游</span> </a>
        <a href=""> <span></span><span>当地攻略</span> </a>

    </div>
    <!-- nav2 -->
    <div class="nav2">
        <div class="box1">
            <a href="" class="hotel3">
                <p>酒店</p>
                <div></div>
            </a>
            <a href="" class="hotel1">

                <span>海外酒店</span><span>特价酒店</span>
            </a>
            <a href="" class="hotel2">
                <span>团购</span>
                <span>民宿·客栈</span>
            </a>


        </div>
        <div class="box2">
            <a href="" class="hotel3">
                <p>机票</p>
                <div></div>
            </a>
            <a href="" class="hotel1">

                <span>火车票</span><span>特价机票</span>
            </a>
            <a href="" class="hotel2">
                <span>汽车票·船票</span>
                <span>专车·租车</span>
            </a>
        </div>
        <div class="box3">
            <a href="" class="hotel3">
                <p>旅游</p>
                <div></div>
            </a>
            <a href="" class="hotel1">

                <span>门票</span><span>目的地攻略</span>
            </a>
            <a href="" class="hotel2">
                <span>游轮旅行</span>
                <span>民宿·客栈</span>
            </a>
        </div>



    </div>
    <!-- nav3 -->
    <div class="nav3">
        <a href=""> <span></span><span>电话卡</span> </a>
        <a href=""> <span></span><span>电话卡</span> </a>
        <a href=""> <span></span><span>电话卡</span> </a>
        <a href=""> <span></span><span>电话卡</span> </a>
        <a href=""> <span></span><span>电话卡</span> </a>
        <a href=""> <span></span><span>电话卡</span> </a>
        <a href=""> <span></span><span>电话卡</span> </a>
        <a href=""> <span></span><span>电话卡</span> </a>
        <a href=""> <span></span><span>电话卡</span> </a>
        <a href=""> <span></span><span>电话卡</span> </a>
    </div>

    <div class="nav4">
        <div class="zuo fl"></div>
        <div class="you fr">获取更多福利</div>
    </div>
    <!-- nav5 -->
    <div class="nav5">
        <a href=""><img src="./uploads/pic1.jpg" alt=""></a>
        <a href=""><img src="./uploads/pic2.jpg" alt=""></a>
        <a href=""><img src="./uploads/pic3.jpg" alt=""></a>
        <a href=""><img src="./uploads/pic4.jpg" alt=""></a>
        <a href=""><img src="./uploads/pic5.jpg" alt=""></a>
        <a href=""><img src="./uploads/pic6.jpg" alt=""></a>
    </div>
</body>

</html>